<template>
  <abstract-dialog
    :loading="loading"
    append-to-body
    :title="title"
    :value="value"
    @close="cancel"
    @open="open"
  >
    <abstract-form></abstract-form>
    <template v-slot:footer>
      <el-button plain size="small" @click="closeDialog">取 消</el-button>
    </template>
  </abstract-dialog>
</template>

<script>
import AbstractDialog from '@/components/abstract/Dialog'
import dialogMixin from '@/mixin/dialogMixin'
import AbstractForm from '@/components/abstract/Form'

export default {
  name: 'DirectorDetail',

  components: {
    AbstractDialog,
    AbstractForm
  },

  mixins: [dialogMixin],

  props: {
    value: Boolean,
    data: { type: Object, default: () => ({}) }
  },

  data() {
    return {}
  },

  methods: {
    open() {},

    cancel() {
      this.closeDialog()
    }
  }
}
</script>
